<template>
  <div class="header">
    <div class="header-center">
      <a class="cover" href="/" title="考证">
        <el-image
          :src="configs.logo"
          fit="contain"
          title="考证"
          alt="考证"
          style="width: 100%; height: 100%"
        ></el-image>
      </a>
      <div class="search">
        <input type="text" class="search-input" v-model="keywords" placeholder="请输入搜索内容" />
        <a class="search-button" :href="`/zyfl/?keywords=${keywords}`">搜 索</a>
      </div>
      <div class="tel">
        <h3 class="tel-title">咨询热线</h3>
        <p class="tel-number">{{configs.hot_line}}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: ['configs'],
  data() {
    return {
      keywords: ''
    }
  }
}
</script>